<template>
  <div class="toolbar">
    <Tooltip title="撤销" >
      <span class="command" data-command="undo">
        <span class="iconfont icon-undo" />
      </span>
    </Tooltip>
    <Tooltip title="重复" >
      <span class="command" data-command="redo">
        <span class="iconfont icon-redo" />
      </span>
    </Tooltip>
    <span class="separator" />
    <Tooltip title="复制" >
      <span class="command" data-command="copy">
        <span class="iconfont icon-copy-o" />
      </span>
    </Tooltip>
    <Tooltip title="粘贴" >
      <span class="command" data-command="paste">
        <span class="iconfont icon-paster-o" />
      </span>
    </Tooltip>
    <Tooltip title="删除" >
      <span class="command" data-command="delete">
        <span class="iconfont icon-delete-o" />
      </span>
    </Tooltip>
    <span class="separator" />
    <Tooltip title="放大" >
      <span class="command" data-command="zoomIn">
        <span class="iconfont icon-zoom-in-o" />
      </span>
    </Tooltip>
    <Tooltip title="缩小" >
      <span class="command" data-command="zoomOut">
        <span class="iconfont icon-zoom-out-o" />
      </span>
    </Tooltip>
    <Tooltip title="实际大小" >
      <span class="command" data-command="resetZoom">
        <span class="iconfont icon-actual-size-o" />
      </span>
    </Tooltip>
    <Tooltip title="适应屏幕" >
      <span class="command" data-command="autoFit">
        <span class="iconfont icon-fit" />
      </span>
    </Tooltip>
    <span class="separator" />
    <Tooltip title="移到上一层" >
      <span class="command" data-command="toFront">
        <span class="iconfont icon-to-front" />
      </span>
    </Tooltip>
    <Tooltip title="移到下一层" >
      <span class="command" data-command="toBack">
        <span class="iconfont icon-to-back" />
      </span>
    </Tooltip>
    <span class="separator" />
    <Tooltip title="绘制路线">
      <span class="command" data-command="drawMap">
         <span class="iconfont icon-huizhiditu" />
      </span>
    </Tooltip>
    <span class="separator" />
    <Tooltip title="上传地图">
      <span class="command" data-command="upload">
         <span class="iconfont icon-shangchuanditu" />
      </span>
    </Tooltip>
    <Tooltip title="保存">
      <span class="command" data-command="save">
         <span class="iconfont icon-baocun" />
      </span>
    </Tooltip>
  </div>
</template>

<script>
import {Tooltip} from "ant-design-vue"
export default {
  name: 'App',
  components: {
    Tooltip,
  }
}
</script>

<style scoped lang="scss">
@import "./index.scss";
@import "./iconfont.css";
</style>
